<script lang="ts" setup>
import { toRefs } from 'vue';

defineOptions({
  name: 'DlyTipBox',
});
const props = defineProps<{
  class?: string;
  title?: string;
}>();
const { title } = toRefs(props);
</script>

<template>
  <div>
    <div
      :class="props.class"
      class="mb-2 h-4 border-l-4 border-solid border-amber-500 pl-4 text-xs font-medium leading-4"
    >
      {{ title }}
    </div>
    <div>
      <slot></slot>
    </div>
  </div>
</template>
